<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登记</title>
    <script type="text/javascript" src="/Public/Js/admin/jquery-1.3.2.min.js"></script>
    <style>
        .pages span {
            background: #8FC41F;
            color: #fff;
            border: 1px solid #8FC41F;
            padding: 3px 10px;
            margin-left: 8px;
        }
        .pages a {
            border: 1px solid #666666;
            padding: 3px 10px;
            margin-left: 8px;
            text-decoration: none;
            color: #333;
            outline: none;
        }
        .pages li {
            display: inline-block;
            list-style: none;
            text-decoration: none;
            color: #58A0D3;
            margin-left: 20px;
        }
        .tab{
            width: 97%;
            height: 140px;
        }
        .title{
            border-radius: 6px;
            height: 50px;
            line-height: 50px;
            width: 100%;
            background-color: #c4c3c3;
            font-size: 20px;
            text-align: center;
        }
       .tab .center{
            width: 100%;
            height: 100px;
           padding-top: 30px;
        }
       .center #my{
           width: 80%;
       }
       .w {
           width: 100px;
       }
       .w input{
           width: 100px;
       }
       form{
           margin: 10px;
       }
        input{
            height: 20px;
            border-radius: 3px;
            background-color: gainsboro;
        }
        .btn{
            width: 80px;
            height: 30px;
        }
        legend{

        }
        label{
            padding-right: 20px;
        }
        .leb{
            margin-left: 40px;
        }
        .spanc{
            width: 100px;
            margin-left: 35px;
        }
        select{
            width: 120px;
            background-color: gainsboro;
            height: 20px;
            border-radius: 3px;
        }
        .title1{
            margin-top: 10px;
            width: 100%;
            font-size: larger;
            text-align: center;
        }
        .tit_tit{
            background-color: #e1dfea;
            height: 40px;
        }
        .div_top{
            text-align: center;
            width: 100%;
        }
        .div_bottom{
            text-align: center;
            width: 100%;
        }
        .left{
            margin-left: 20px;
            margin-top: 10px;
            background-color: #eeeded;
            width: 45%;
            height: 150px;
            float: left;
        }
        .div_all{
            width: 100%;
            height: 320px;
            margin-bottom: 10px;
        }
        .right{
            margin-top: 10px;
            margin-right: 10px;
            background-color: #eeeded;
            width: 45%;
            height: 150px;
            float: right;
        }
        /*.page{*/
            /*float: right;*/
            /*background-color: #e1dfea;*/
             /*width: 50%;*/
             /*height: 40px;*/
         /*}*/
        table{
            width: 100%;
            border-spacing:0px;
            margin-top: 10px;
            border:0px;
            /*box-shadow: 1px 1px 2px #555454;*/
        }
        table thead  th{
            border: 0px;
            border-color: #edeceb;
            height: 30px;
            background-color: #737373;
            border-bottom: 1px #908b8c solid;
        }
        tbody{
            text-align: center;
            border: 0px;
            border-color: #edeceb;
            height: 30px;
            background-color: #edeceb;
            border-bottom: 1px #404040 solid;
        }
        tbody td{
            border-bottom: 1px #737373 solid;
        }
    </style>
    <script type="text/javascript">
        // function submit() {
        //     var username=document.getElementById("uname").value;
        //     var uphone=document.getElementById("uphone").value;
        //     var cnumber=document.getElementById("cnumber").value;
        //     var idcard=document.getElementById("idcard").value;
        //     document.getElementById("myform").action="__MODULE__/User/add/uname/"+username+"/uphone/"+uphone+"/cnumber/"
        //         +cnumber+"/idcard/"+idcard;
        //     document.getElementById("myform").submit();
        // }
    </script>
</head>
<body>
    <div class="title">
       <p>车主信息输入</p>
    </div>
    <div class="tab">
            <fieldset class="center">
                <legend>添加用户信息</legend>
                <form id="myform" action="__MODULE__/Record/add" method="post">
                    <div id="my">
                    <label class="w">车主姓名
                        <input type="text" name="uname" id="uname">
                    </label>
                    <label>车&nbsp;位&nbsp;号&nbsp;
                        <select name="n_id" class="selec">
                            <volist name="news_list1" id="vo">
                             <option value="{$vo.cid}">{$vo.pnumber}</option>
                            </volist>
                        </select>
                    </label>
                    <label class="leb">车主电话
                        <input type="text" name="uphone" id="uphone" style="width: 100px">
                    </label>
                        <p>
                        <label class="w">车&nbsp;牌&nbsp;号&nbsp;
                            <input type="text" name="cnumber" id="cnumber">
                        </label>
                    <label>身份证号
                        <input type="text" name="idcard" id="idcard" style="width: 120px">
                    </label>
                    <label class="w"><span class="spanc">车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型</span>
                         <select name="type_id" class="w">
                             <volist name="type" id="vo">
                                 <option value="{$vo.pid}">{$vo.ctype}</option>
                             </volist>
                         </select>
                    </label>
                            <button class="btn" type="submit" onclick="">登记</button>
                    </div>
                </form>
            </fieldset>
    </div>
    <div class="title1">
        <div class="tit_tit">车库状态显示</div>
    </div>
    <div class="div_all">
        <table>
            <thead>
            <tr>
                <th>姓名</th>
                <th>车牌号</th>
                <th>车位号</th>
                <th>车型</th>
                <th>单价/小时</th>
                <th>开始停车时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
                <volist name="news_list" id="vo">
                     <tr>
                         <td>{$vo.uname}</td>
                         <td>{$vo.cnumber}</td>
                         <td>{$vo.punmber}</td>
                         <td>{$vo.ctype}</td>
                         <td>{$vo.price}</td>
                         <td>{$vo.intime}</td>
                         <td><a href="__URL__/leave/id/{$vo.mid}" onclick=""> <img
                                 src="__PUBLIC__/Images/112.jpg" width="30"
                                 height="30" title="离开"></a></td>
                    </tr>
                </volist>
            </tbody>
        </table>
    </div>
    <div class="pages">{$pages}</div>
</body>
</html>